﻿<phone:PhoneApplicationPage xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone" xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls" xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit" d:DesignWidth="480" d:DesignHeight="800"
	x:Class="WindowsPhone7UXGuide.toggle_switch"
	mc:Ignorable="d"
	SupportedOrientations="PortraitOrLandscape" Orientation="Portrait"
	shell:SystemTray.IsVisible="True"
	FontFamily="{StaticResource PhoneFontFamilyNormal}"
	FontSize="{StaticResource PhoneFontSizeNormal}"
	Foreground="{StaticResource PhoneForegroundBrush}">

	<!--LayoutRoot is the root grid where all page content is placed-->
	<Grid x:Name="LayoutRoot" Background="Transparent">
		<!--Pivot Control-->
		<controls:Pivot Title="TOGGLE SWITCH">
			<!--Pivot item one-->
			<controls:PivotItem x:Name="toggle_switch_toggle" Header="toggle control">
				<Grid>
					<ScrollViewer>
						<StackPanel x:Name="ContentPanel" Margin="0,25,0,0">
							<toolkit:ToggleSwitch Header="Wi Fi networking"/>
							<toolkit:ToggleSwitch Header="Set automatically" Content="Off"/>
							<toolkit:ToggleSwitch Header="5:45 AM">
								<toolkit:ToggleSwitch.HeaderTemplate>
									<DataTemplate>
										<ContentControl FontSize="{StaticResource PhoneFontSizeLarge}" Foreground="{StaticResource PhoneForegroundBrush}" Content="{Binding}"/>
									</DataTemplate>
								</toolkit:ToggleSwitch.HeaderTemplate>
								<toolkit:ToggleSwitch.ContentTemplate>
									<DataTemplate>
										<StackPanel>
											<StackPanel Orientation="Horizontal">
												<TextBlock Text="Alarm: " FontSize="{StaticResource PhoneFontSizeSmall}"/>
												<ContentControl HorizontalAlignment="Left" FontSize="{StaticResource PhoneFontSizeSmall}" Content="{Binding}"/>
											</StackPanel>
											<TextBlock Text="every schoolday" FontSize="{StaticResource PhoneFontSizeSmall}" Foreground="{StaticResource PhoneSubtleBrush}"/>
										</StackPanel>
									</DataTemplate>
								</toolkit:ToggleSwitch.ContentTemplate>
							</toolkit:ToggleSwitch>
						</StackPanel>
					</ScrollViewer>
				</Grid>
			</controls:PivotItem>

 			<!--Pivot item two-->
		</controls:Pivot>
	</Grid>
</phone:PhoneApplicationPage>